  html { height: 100% }
  body { font-family:Arial; height: 100%; margin: 0px; padding: 0px }
  #all{
    width:1200px;
    margin:auto;
  }
  #map_canvas { 
    height: 500px;
    width: 800px;
    border: 1px solid #333;
    margin-top: 0.6em; 
    float:left;
    margin:0px 20px 20px 20px;
  }
  
  #header {
    width: 200px;
    margin-left: 200px; 
    float:left;
    clear:both;
    padding:20px;
  }
  .box{
    float:left;
    width:100%;
  }
  #messages{
    float:left;
    width:100%;
  }
  #search_bar{
    float:left;
    clear:both;
  }
  #search_bar input{
    float:left;
  }
  #people{
  }

  #list{
  }
  .option{
    padding: 3px 0px 3px 5px;
    cursor:pointer;
  }
  #options div:hover {


    background-color:black;
    color:white;
  }
  .content{
    overflow:auto;
    float:left;
    width:248px;
    height:196px;
    border:1px solid black;
  }
  .arrow{
    float:right;
    margin-right:10px;
    cursor:pointer;
    background-image:url('images/arrows.png');
    width:20px;
    height:20px;
  }
  .titlebar{
    float:left;
    width:240px;
    display:block;
    background-color:black;
    color:white;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:10px;
    font-size:17px;
    font-weight:bold;


  }
  .mod{
    font-weight:bold;
    padding-left:4px;
  }
  .reg{
    padding-left:4px;
  }
  .entry{
    float:left;
  }
  .left{
    float:left;
  }
  .right{
    float:right;
  }
  .sidebar{
    width:250px;
    float:left;
    clear:right;
  }
  .msg{
    font-size:90%;
  }
  .odd{
    background-color: #C8C8C8 ;
  }
  .name{
    font-size:100%;
    font-weight:bold;
    padding-left:4px;
  }
  #send-button{
    height:26px;
    background-color:black;
    color:white;
    border:1px solid black;
    width:54px;
  }
  #text-input {
    height:23px;
    border-top:none;
    border-right:none;
    border-left:1px solid black;
    border-bottom:1px solid black;
    float:left;
  }
  

